<template>
    <!-- <div class="list"> -->
        <div class="Integral_mall clearfix">
            <div class="integ_box topline clearfix">
                <div class="integ_left fl">
                    <ul class="integ_ul">
                        <li class="integ_li integ_back">
                            积分商城
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            影音天地
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            生日专区
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            关爱健康
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            应季甄选
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            果园飘香
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            轻松出行
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            景点门票
                            <p class="integ_border"></p>
                        </li>
                        <li class="integ_li topline">
                            文玩空间
                            <p class="integ_border"></p>
                        </li>	
                        <p class="integ_top topline"></p>
                    </ul>
                </div>
                <div class="integ_right clearfix fr">
                    <ul class="integ_main clearfix" style="display: block;">
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                    </ul>
                    <ul class="integ_main clearfix" >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                    </ul>
                    <ul class="integ_main clearfix" >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                    </ul>
                    <ul class="integ_main clearfix" >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                    </ul>

                    <ul class="integ_main clearfix" >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                    </ul>
                    <ul class="integ_main clearfix" >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                    </ul>
                    <ul class="integ_main clearfix" >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-03.png">
                                <span class="integ_text">生活家电</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-05.png">
                                <span class="integ_text">美容护肤</span>
                            </li>
                        </router-link >
                        <router-link to="/inner_page">
                            <li class="integ_con fl">
                                <img src="@/assets/images/fenlei/fenlei-07.png">
                                <span class="integ_text">电子数码</span>
                            </li>
                        </router-link >
                    </ul>
                </div>
            </div>
        </div>
    <!-- </div> -->
</template>
<script>
import '../assets/js/jquery-1.11.3.min.js'
import '../assets/js/fill_name.js'

import Swiper from 'swiper';
// import '../assets/js/menu.js'

// import '../assets/css/reset.css'
export default {
    mounted(){
        $(function(){
            var $li_btn = $(".Integral_mall .integ_box .integ_left ul.integ_ul li.integ_li");
            var $ul_box = $(".Integral_mall .integ_box .integ_right ul.integ_main");
            var $p_con = $(".Integral_mall .integ_box .integ_left ul.integ_ul li.integ_li p");
            var index = 0;
            $li_btn.bind("click",function(){
                $(this).addClass("integ_back").siblings().removeClass("integ_back");
                index = $(this).index();
                $p_con.hide();
                $(this).find("p").show();
                $ul_box.eq(index).fadeIn().siblings().fadeOut();
            });
        })
    }
}
</script>

<style>
/* .fl{float:left} */

/*Integral_mall start*/
.Integral_mall{
	width: 100%;
	height: 100%;
	background: #f2f2f2;
}
.Integral_mall .integ_box{
	width: 100%;
	margin-top: 40px;
	text-align: center;
}
.Integral_mall .integ_box .integ_left{
	width: 23%;
	height: 100%;
	position: relative;
}
.Integral_mall .integ_box .integ_left:after{
	content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 1px;
    height: 100%;
    border-right: 1px solid #e5e5e5;
}
.Integral_mall .integ_box .integ_left ul.integ_ul{
	width: 100%;
}
.Integral_mall .integ_box .integ_left ul.integ_ul li.integ_li{
	width: 100%;
	height: 1.8rem;
	text-align: center;
	line-height: 1.8rem;
	background: #F2F2F2;
	color: #282828;
	font-size: 0.5rem;
}
.Integral_mall .integ_box .integ_left ul.integ_ul p.integ_top{
	width: 100%;
	height: 1px;
}
.Integral_mall .integ_box .integ_left ul.integ_ul li.integ_back{
	background: #fff;
	position: relative;
}
.Integral_mall .integ_box .integ_left ul.integ_ul li.integ_back p.integ_border{
	position: absolute;
	top: 1px;
	right: 0px;
	width: 0.2rem;
	height: 97.5%;
	background: #fff;
	z-index: 1000;
}
.Integral_mall .integ_box .integ_right{
	width:77%;
	position: relative;
}
.Integral_mall .integ_box .integ_right ul.integ_main{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0 2% 15% 1%;
	display: none;
}
.Integral_mall .integ_box .integ_right ul.integ_main li.integ_con{
	width: 33.333333%;
	text-align: center;
}
.Integral_mall .integ_box .integ_right ul.integ_main li.integ_con span.integ_text{
	color: #666;
}
/*Integral_mall end*/
</style>